<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta charset="utf-8">
    <title>中智谷官网</title>
    <link rel="stylesheet" href="/css/public.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
            text-decoration: none;
        }

        #banner {
            width: 1920px;
            height: 400px;
            overflow: hidden;
            border: 2px solid #999;
            position: relative;
        }

        #banner img {
            width: 1920px;
            height: 400px;
        }

        #imglist {
            width: 9600px;
            height: 400px;
        }

        #imglist li {
            float: left;
        }

        #icolist {
            position: absolute;
            right: 10px;
            bottom: 10px;
        }

        #icolist li {
            float: left;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #666;
            color: #fff;
            margin-left: 5px;
            text-align: center;
            line-height: 30px;
            cursor: pointer;
        }

        .prev {
            background: #666;
            height: 40px;
            width: 30px;
            position: absolute;
            left: 5px;
            top: 45%;
            color: #fff;
            line-height: 40px;
            text-align: center;
            cursor: pointer;
        }

        .next {
            background: #666;
            height: 40px;
            width: 30px;
            position: absolute;
            right: 5px;
            top: 45%;
            color: #fff;
            line-height: 40px;
            text-align: center;
            cursor: pointer;
        }

        #soulutionCanverRoot {
            width: 180px;
            display: none;
            justify-self: center;
            flex-direction: column;
            align-self: center;
            position: fixed;
            top: 55px;
            z-index: 100;
        }

        #soulutionCanver {
            /* margin-left: 482px; */
            background-color: #fff;
            width: 100%;
        }

        #soulutionCanver li {
            width: 100%;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #000;
        }

        #solutionBtn {}

        /* centerCanverRoot */
        #centerCanverRoot {
            width: 180px;
            display: none;
            justify-self: center;
            flex-direction: column;
            align-self: center;
            position: fixed;
            top: 55px;
            z-index: 100;
        }

        #centerCanver {
            /* margin-left: 482px; */
            background-color: #fff;
            width: 100%;
        }

        #centerCanver li {
            width: 100%;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #000;
        }


        #centerBtn {}
    </style>
    <script src="js/pc.js"></script>
</head>
<body>
<div style="width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;">
    <div style="width: 1920px;height: 60px;display: flex;align-items: center;flex-direction: row; background-color: white;position: fixed;top: 0;z-index: 99;">
        <!-- Logo -->
        <img src="img/logo.png" style="max-width: 40px;max-height: 40px;width: auto;height: auto;margin-left: 15px;" alt="">
        <!-- 标语 -->
        <span style="font-size: 18px; font-weight: 600; margin-left: 18px; color: rgb(254, 86, 83); font-family: Kaiti; text-align: left;" _msthash="525486" _msttexthash="259233">Zhongzhi Valley</span>

        <!-- 分类 -->
        <div style="width: 50%;height: 60px;display: flex;align-items: center;flex-direction: column; background-color: white;margin-left: 200px;">
            <!-- 条目 -->
            <div style="width: 100%;height: 60px;display: flex;align-items: center;flex-direction: row;">
                <a href="http://127.0.0.1:8848/%E4%B8%AD%E6%99%BA%E8%B0%B7%E5%AE%98%E7%BD%911/home.html" style="color: #000;width: 16%;height: 100%;">
                    <div style="width: 100%;height: 100%;">
                        <!-- 首页 -->
                        <div style="width: 100%; height: 55px; display: flex; align-items: center; justify-content:  center;text-align: left;" onclick="window.location.href= 'en-home.html';return false" _msthash="1487174" _msttexthash="43979"> Home</div>
                        <!-- 条状 -->
                        <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
                    </div>
                </a>
                <!-- 解决方案 -->
                <div style="width: 18%;height: 100%;" id="solutionRootA">
                    <!-- 解决方案 -->
                    <!--  onclick="window.location.href= 'solution.html';return false" -->
                    <div style="width: 100%;height: 55px;display: flex;align-items: center;justify-content: center;flex-direction: row;">
                        <span onclick="window.location.href='en-solution.html'" _msthash="647751" _msttexthash="121602" style="text-align: left;">solution</span>
                        <img src="img/arrow-right.png" style="max-width: 12px;max-height: 12px;width: auto;height: auto;margin-left: 3px;" alt="">
                    </div>
                    <!-- 条状 -->
                    <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
                    <!-- 解决方案的下拉菜单 -->
                    <div id="soulutionCanverRoot" _msthidden="5">
                        <ul id="soulutionCanver" _msthidden="5">
                            <li _msthidden="1">
                                <a onclick="window.location.href='en-solu1.html'" style="color: #000;" _msthash="579254" _msttexthash="7482371" _msthidden="1">scheme one</a>
                            </li>
                            <li _msthidden="1">
                                <a onclick="window.location.href='en-solu2.html'" style="color: #000;" _msthash="579436" _msttexthash="7498751" _msthidden="1">scheme two</a>
                            </li>
                            <li _msthidden="1">
                                <a onclick="window.location.href='en-solu3.html'" style="color: #000;" _msthash="579618" _msttexthash="7483424" _msthidden="1">scheme three</a>
                            </li>
                            <li _msthidden="1">
                                <a onclick="window.location.href='en-solu4.html'" style="color: #000;" _msthash="579800" _msttexthash="7747610" _msthidden="1">scheme four</a>
                            </li>
                            <li _msthidden="1">
                                <a onclick="window.location.href='en-solu5.html'" style="color: #000;" _msthash="579982" _msttexthash="7499687" _msthidden="1">scheme five</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 产品中心 -->
                <div style="width: 18%;height: 100%;" id="centerBtn">
                    <!-- 产品中心 -->
                    <div style="width: 100%;height: 55px;display: flex;align-items: center;justify-content: center;flex-direction: row;">
                        <span onclick="window.location.href= 'en-products.html';return false" _msthash="477308" _msttexthash="117832" style="text-align: left;center; color: #4ca41f;">Products</span>
                        <img src="img/arrow-right.png" style="max-width: 12px;max-height: 12px;width: auto;height: auto;margin-left: 3px;" alt="">
                    </div>
                    <!-- 条状 -->
                    <div style="width: 100%;height: 5px;background-color: #4ca41f;"></div>
                    <!-- 产品中心的下拉菜单 -->
                    <div id="centerCanverRoot" _msthidden="4">
                        <ul id="centerCanver" _msthidden="4">
                            <li _msthidden="1">
                                <a onclick="window.location.href='en-pro1.html'" style="color: #000;" _msthash="448136" _msttexthash="14000623" _msthidden="1">LED line plate</a>
                            </li>
                            <li _msthidden="1">
                                <a onclick="window.location.href='en-pro2.html'" style="color: #000;" _msthash="448318" _msttexthash="37073023" _msthidden="1">LCD display</a>
                            </li>
                            <li _msthidden="1">
                                <a onclick="window.location.href='en-pro3.html'" style="color: #000;" _msthash="448500" _msttexthash="11237265" _msthidden="1">GPS Station Announcer & Control Box</a>
                            </li>
                            <li _msthidden="1">
                                <a onclick="window.location.href='en-pro4.html'" style="color: #000;" _msthash="448682" _msttexthash="8156759" _msthidden="1">LED Screen Accessories(SKD)</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 新闻资讯 -->
                <a href="http://127.0.0.1:8848/%E4%B8%AD%E6%99%BA%E8%B0%B7%E5%AE%98%E7%BD%911/news.html" style="color: #000;width: 16%;height: 100%;">
                    <div style="width: 100%;height: 100%;">
                        <!-- 新闻资讯 -->
                        <div style="width: 100%; height: 55px; display: flex; align-items: center; justify-content: center; color: #000; text-align: left;" onclick="window.location.href= 'en-news.html';return false" _msthash="1488812" _msttexthash="46475"> News</div>
                        <!-- 条状 -->
                        <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
                    </div>
                </a>
                <!-- 关于我们 -->
                <a href="http://127.0.0.1:8848/%E4%B8%AD%E6%99%BA%E8%B0%B7%E5%AE%98%E7%BD%911/about.html" style="color: #000;width: 16%;height: 100%;">
                    <div style="width: 100%;height: 100%;">
                        <!-- 关于我们 -->
                        <div style="width: 100%; height: 55px; display: flex; align-items: center; justify-content: center;color: rgb(0, 0, 0); text-align: left;" onclick="window.location.href= 'en-about.html';return false" _msthash="1489358" _msttexthash="98579"> About us</div>
                        <!-- 条状 -->
                        <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
                    </div>
                </a>
                <!-- 联系我们 -->
                <a href="http://127.0.0.1:8848/%E4%B8%AD%E6%99%BA%E8%B0%B7%E5%AE%98%E7%BD%911/conact.html" style="color: #000;width: 16%;height: 100%;">
                    <div style="width: 100%;height: 100%;">
                        <!-- 联系我们 -->
                        <div style="width: 100%; height: 55px; display: flex; align-items: center; justify-content: center; color: rgb(0, 0, 0); text-align: left;" onclick="window.location.href= 'en-conact.html';return false" _msthash="1535924" _msttexthash="138229"> Contact us</div>
                        <!-- 条状 -->
                        <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
                    </div>
                </a>
            </div>
        </div>


        <!-- 搜索框 -->
        <div style="width: 20%;height: 32px;border: 1px solid #4ca41f;border-radius: 20px;margin-left: 80px;display: flex;align-items: center;flex-direction: row;">
            <!-- 搜索框图标 -->
            <img src="img/search-gray.png" style="max-width: 24px;max-height: 24px;width: auto;height: auto;margin-left: 10px;" alt="">
            <!-- 输入框 -->
            <input type="text" style="width: 80%; height: 70%; border: none; text-align: left;" placeholder="Enter the one you are looking for" _mstplaceholder="757952">
        </div>
        <div>&nbsp;&nbsp;&nbsp;</div>
        <div>
            <img src="img/chinese.png" style="width: 30px;height: 30px" alt="" onclick="window.location.href= 'pro2.html';return false">
        </div>
    </div>

    <!-- 分割线 -->
    <div style="width: 1920px;height: 1px;background-color: #f0f0f0;"></div>




    <!-- 中智谷公司项目标题部分 -->
    <div style="width: 1920px;display: flex;flex-direction: column;position: relative;margin-top: 0px;">
        <!-- 顶部图片 -->
        <img src="img/产品介绍/LCD导程屏.jpg" style="width: 1920px;height: 520px;margin-top: -0px;" alt="">
    </div>



    <table border="1" style="left: 0px;
top: 470px;
width: 100%;
height: 50px;
border-radius: 4px;
background-color: rgba(255, 255, 255, 100);
border: 2px solid rgba(187, 187, 187, 100);
border-collapse:collapse;

">
        <tbody><tr>
            <th style="width: 360px;"><button style="font-size: small; border: none; background-color: white; color: rgb(0, 0, 0);" id="solutionOne" onclick="window.location.href= 'en-pro1.html';return false" _msthash="182208" _msttexthash="196222">LED line plate</button></th>
            <th style="width: 360px;background-color: rgba(12, 164, 81, 100);"><button style="font-size: small; border: none; background-color: rgba(12, 164, 81, 100); color: white;" id="solutionTwo" onclick="window.location.href= 'en-pro2.html';return false" _msthash="187265" _msttexthash="150462">LCD display</button></th>
            <th style="width: 360px;"><button style="font-size: small; border: none; background-color: white; color: rgb(0, 0, 0);" id="solutionThree" onclick="window.location.href= 'en-pro3.html';return false" _msthash="233389" _msttexthash="845702">GPS Station Announcer &amp; Control Box</button></th>
            <th style="width: 360px;"><button style="font-size: small; border: none; background-color: white; color: rgb(0, 0, 0);" id="solutionFour" onclick="window.location.href= 'en-pro4.html';return false" _msthash="210873" _msttexthash="552344">LED Screen Accessories (SKD)</button></th>
        </tr>
        </tbody></table>

    <div style="width: 1700px;">
        <div style="float:left;margin-left: 4%;margin-top: 2%;width: 470px;height: 300px;align-items: center;justify-content: center;flex-direction: column;font-size: 0; background-color: white;box-shadow: 1px 1px 1px 1px #aaa;display: inline-block">
            <img src="img/ProductCenter/LCD图片/公交车LCD站节屏.png" style="width: 472px;height: 200px;display:block" alt="">
            <div style="width: 100%;height: 60px;display: flex;align-items: center;flex-direction: row;">
                <span style="margin-left: 15px; font-size: medium; bottom: 0px; text-align: left;" _msthash="1025050" _msttexthash="459719">Station section screen</span>
                <!-- <img src="" alt=""> -->
            </div>
        </div>


        <div style="float:left;margin-left: 4%;margin-top: 2%;width: 470px;height: 300px;align-items: center;justify-content: center;flex-direction: column;font-size: 0; background-color: white;box-shadow: 1px 1px 1px 1px #aaa;display: inline-block">
            <img src="img/ProductCenter/LCD图片/车载液晶LCD广告机.png" style="width: 472px;height: 200px;display:block" alt="">
            <div style="width: 100%;height: 60px;display: flex;align-items: center;flex-direction: row;">
                <span style="margin-left: 15px; font-size: medium; text-align: left;" _msthash="1025362" _msttexthash="562341">Car LCD advertising player</span>
                <!-- <img src="" alt=""> -->
            </div>
        </div>






    </div>

    <br>
    <br>
    <br>

    <!-- 留言板 -->
    <div style="width: 1920px;display: flex;align-items: center;justify-content: center;flex-direction: column;background-color: #f0f0f0;">
        <div style="width: 90%;display: flex;align-items: center;justify-content: center;flex-direction: column;">
            <div style="width: 100%;display: flex;flex-direction: row;">
                <!-- 信息 -->
                <div style="width: 30%;display: flex;flex-direction: column;margin-left: 5%;">
                    <span style="font-size: 24px; font-weight: 550; margin-top: 35px; text-align: left;" _msthash="1371526" _msttexthash="1679665">Shenzhen Zhongzhigu Electronic Technology Co., Ltd</span>
                    <span style="margin-top: 45px; color: rgb(153, 153, 153); text-align: left;" _msthash="1371682" _msttexthash="3732261">Address: Chaoyang District, Beijing Sanyuanqiao Time International Building 8</span>
                    <span style="margin-top: 5px; color: rgb(153, 153, 153); text-align: left;" _msthash="1371838" _msttexthash="272168">Tel:0086-0755-29080552</span>
                    <span style="margin-top: 5px; color: rgb(153, 153, 153); text-align: left;" _msthash="1371994" _msttexthash="459511">Email: info@ledzzg.com</span>
                    <span style="margin-top: 5px; color: rgb(153, 153, 153); text-align: left;" _msthash="1372150" _msttexthash="274378">Fax:0086-0755-29080595</span>
                </div>
                <!-- 解决方案 -->
                <div style="width: 15%;display: flex;flex-direction: column;margin-left: 5%;">
                    <span style="font-size: 22px; font-weight: 550; margin-top: 35px; color: rgb(102, 102, 102); text-align: left;" onclick="window.location.href= 'en-solution.html';return false" _msthash="1371995" _msttexthash="121602">solution</span>
                    <span style="margin-top: 25px; color: rgb(0, 0, 0); text-align: left;" _msthash="1372151" _msttexthash="180414">Scenario one</span>
                    <span style="margin-top: 15px; color: rgb(0, 0, 0); text-align: left;" _msthash="1372306" _msttexthash="185471">Scenario two</span>
                    <span style="margin-top: 15px; color: rgb(0, 0, 0); text-align: left;" _msthash="1372462" _msttexthash="231595">Scenario three</span>
                    <span style="margin-top: 15px; color: rgb(0, 0, 0); text-align: left;" _msthash="1372618" _msttexthash="181623">Scenario FOUR</span>
                    <span style="margin-top: 15px; color: rgb(0, 0, 0); text-align: left;" _msthash="1372774" _msttexthash="152789">Programme V</span>
                </div>
                <!-- 产品中心 -->
                <div style="width: 15%;display: flex;flex-direction: column;margin-left: 5%;" onclick="window.location.href= 'en-products.html';return false">
                    <span style="font-size: 22px; font-weight: 550; margin-top: 35px; color: rgb(102, 102, 102); text-align: left;" _msthash="1372463" _msttexthash="117832">Products</span>
                    <span style="margin-top: 25px; color: rgb(0, 0, 0); text-align: left;" _msthash="1372619" _msttexthash="254371">LED route screen</span>
                    <span style="margin-top: 15px; color: rgb(0, 0, 0); text-align: left;" _msthash="1372775" _msttexthash="150670">LED display</span>
                    <span style="margin-top: 15px; color: rgb(0, 0, 0); text-align: left;" _msthash="1372930" _msttexthash="845702">GPS Station Announcer &amp; Control Box</span>
                    <span style="margin-top: 15px; color: rgb(0, 0, 0); text-align: left;" _msthash="1373086" _msttexthash="447590">LED screen accessories</span>
                </div>
                <!-- 新闻资讯 -->
                <!-- 关于我们 -->
                <div style="width: 15%;display: flex;flex-direction: column;margin-left: 5%;">
                    <span style="font-size: 22px; font-weight: 550; margin-top: 35px; color: rgb(153, 153, 153); text-align: left;" onclick="window.location.href= 'en-news.html';return false" _msthash="1373164" _msttexthash="46475">News</span>
                    <span style="font-size: 22px; font-weight: 550; margin-top: 35px; color: rgb(153, 153, 153); text-align: left;" onclick="window.location.href= 'en-about.html';return false" _msthash="1373320" _msttexthash="98579">About us</span>
                </div>
            </div>

            <!-- 关注我们 -->
            <div style="width: 90%; display: flex;flex-direction: column;margin-top: 10px;">
                <span style="font-size: 21px; color: rgb(102, 102, 102); font-weight: 600; text-align: left;" _msthash="1058993" _msttexthash="119730">Follow us</span>
                <div style="display: flex;flex-direction: row;align-items: center; margin-top: 15px;">
                    <img src="img/weixin.png" style="width: 45px;" alt="">
                    <img src="img/weibo.png" style="width: 50px;margin-left: 20px;" alt="">
                    <img src="img/weibo.png" style="width: 50px;margin-left: 20px;" alt="">
                    <img src="img/weibo.png" style="width: 50px;margin-left: 20px;" alt="">
                </div>
            </div>

            <!-- 留言区域 -->
            <div style="font-size: medium; font-weight: 600; color: rgb(153, 153, 153); text-align: left;" _msthash="742417" _msttexthash="138229">Contact us</div>
            <form action="http://43.142.136.160:10001/sendMail" method="post" style="margin-top: 30px;width: 95%;margin-left: 5%;">
                <textarea placeholder="Please enter the message content here, we will contact you as soon as possible (required)" type="text" style="width: 100%; height: 90px; font-size: small; border: 1px solid rgb(170, 170, 170); border-radius: 10px; padding-left: 10px; padding-top: 5px; text-align: left;" name="message" _mstplaceholder="4478474"></textarea>
                <div style="width: 100%;display: flex;flex-direction: row;margin-top: 40px;">
                    <input type="text" placeholder="name" style="width: 20%; height: 25px; padding-left: 9px; margin-left: 0px; text-align: left;" name="name" id="" _mstplaceholder="45981">
                    <input type="text" placeholder="Phone (required)" style="width: 20%; height: 25px; padding-left: 9px; margin-left: 30px; text-align: left;" name="tel" id="" _mstplaceholder="262106">
                    <input type="text" placeholder="mailbox" style="width: 20%; height: 25px; padding-left: 9px; margin-left: 30px; text-align: left;" name="mail" id="" _mstplaceholder="97942">
                    <input type="text" placeholder="address" style="width: 20%; height: 25px; padding-left: 9px; margin-left: 30px; text-align: left;" name="location" id="" _mstplaceholder="97565">
                </div>
                <div style="width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 30px;">
                    <input type="submit" value="submit" style="background-color: #4ca41f;color: white;width: 95px;height: 35px;display: flex;align-items: center;justify-content: center;border: none;border-radius: 5px;align:center;" name="post" id="" _mstvalue="81380">
                </div>
            </form>
        </div>

        <!-- 标识 -->
        <div style="display: flex;align-items: center;justify-content: center;width: 100%;height: 40px;">
            <span style="font-size: small; text-align: left;" _msthash="786162" _msttexthash="90022543">Copyright © Shenzhen Zhongzhigu Electronic Technology Co., Ltd. All Rights Reserved. 粤ICP备13088611号-1</span>
        </div>
    </div>


</div>

<div style="width: 100%;height: 100px;"></div>
<script>
    // 解决方案鼠标悬停下拉框
    var centerBtn = document.getElementById('centerBtn');
    var centerCanver = document.getElementById('centerCanver');
    var centerCanverRoot = document.getElementById('centerCanverRoot')

    // 鼠标移入，出现下拉菜单
    centerBtn.onmouseenter = function() {
        console.log("鼠标移入");
        centerCanverRoot.style.display = 'flex';
    }
    // 鼠标移除，菜单消失
    centerBtn.onmouseleave = function() {
        centerCanverRoot.style.display = 'none';
    }

    // 鼠标移入下拉框
    centerCanver.onmouseenter = function() {
        centerCanverRoot.style.display = 'flex';
    }
    centerCanver.onmouseleave = function() {
        centerCanverRoot.style.display = 'none';
    }
    // 解决方案鼠标悬停下拉框
    var solutionBtn = document.getElementById('solutionRootA');
    var solutionCanver = document.getElementById('solutionCanver');
    var soulutionCanverRoot = document.getElementById('soulutionCanverRoot')

    // 鼠标移入，出现下拉菜单
    solutionBtn.onmouseenter = function() {
        console.log("鼠标移入");
        soulutionCanverRoot.style.display = 'flex';
    }
    // 鼠标移除，菜单消失
    solutionBtn.onmouseleave = function() {
        soulutionCanverRoot.style.display = 'none';
    }

    // 鼠标移入下拉框
    soulutionCanver.onmouseenter = function() {
        soulutionCanverRoot.style.display = 'flex';
    }
    soulutionCanver.onmouseleave = function() {
        soulutionCanverRoot.style.display = 'none';
    }


    var esico = document.getElementById('icolist').getElementsByTagName('li');
    var eicolist = document.querySelector('#icolist');
    var eimglist = document.querySelector('#imglist');
    var etest = document.querySelector('#test');
    var eprev = document.querySelector('.prev');
    var enext = document.querySelector('.next');
    var left = 0;
    var timer;
    esico[2].style.backgroundColor = '#4ca41f';
    run();

    function run() {
        if (left <= -7680) {
            left = 0;
        }
        var m = Math.floor(-left / 1920);
        imglist.style.marginLeft = left + 'px';
        var n = (left % 1920 == 0) ? n = 1200 : n = 6;
        left -= 10;
        icochange(m);
        timer = setTimeout(run, n);
    }

    function icochange(m) {
        for (let index = 0; index < esico.length; index++) {
            esico[index].style.backgroundColor = '';
        }
        if (m < esico.length) {
            esico[m].style.backgroundColor = '#4ca41f';
        }
    }

    function imgchange(n) {
        let lt = -(n * 800)
        imglist.style.marginLeft = lt + 'px';
        left = lt;
    }
    eprev.onclick = function() {
        let prevgo = Math.floor(-left / 800) - 1;
        if (prevgo == -1) {
            prevgo = 3;
        }
        imgchange(prevgo);
        icochange(prevgo);
    }
    enext.onclick = function() {
        let nextgo = Math.floor(-left / 800) + 1;
        if (nextgo == 4) {
            nextgo = 0;
        }
        imgchange(nextgo);
        icochange(nextgo);
    }
    eicolist.onclick = function() {
        var tg = event.target;
        let ico = tg.innerHTML - 1;
        imgchange(ico);
        icochange(ico);
    }
    eimglist.onmouseover = function() {
        clearTimeout(timer);
    }
    eimglist.onmouseout = function() {
        run();
    }
</script>


</body>
</html>